<template>
  <el-row>
    <el-col :span="3">
      <left-nav-menu :length="12" @select="leftMenuSelect">
        <span slot="0"><i class="icon-big-pen-note" />尾矿库信息管理</span>
        <span slot="1"><i class="icon-target" />测点信息管理</span>
        <span slot="2"><i class="icon-accept-screen" />设备信息管理</span>
        <span slot="3"><i class="icon-warning" />预警阀值管理</span>
        <span slot="4"><i class="icon-speaker" />预警通知管理</span>
        <span slot="5"><i class="icon-target" />坐标参数管理</span>
        <span slot="6"><i class="icon-target" />参考系管理</span>
        <span slot="7"><i class="icon-config" />用户管理</span>
        <span slot="8"><i class="icon-address-book" />角色管理</span>
        <span slot="9"><i class="icon-node-book" />日志管理</span>
        <span slot="10"><i class="icon-download" />数据下载</span>
        <span slot="11"><i class="icon-question" />系统在线帮助</span>
      </left-nav-menu>
    </el-col>
    <el-col :span="21">
      <tailing-pond-infor
        v-show="leftNavMenuIndex === '0'"
      ></tailing-pond-infor>
      <station-information
        v-show="leftNavMenuIndex === '1'"
      ></station-information>
      <sensor-infor-controller
        v-show="leftNavMenuIndex === '2'"
      ></sensor-infor-controller>
      <warning-threshold-management
        v-show="leftNavMenuIndex === '3'"
      ></warning-threshold-management>
      <warning-notice-management
        v-show="leftNavMenuIndex === '4'"
      ></warning-notice-management>
      <coordinate-parameter-management
        v-show="leftNavMenuIndex === '5'"
      ></coordinate-parameter-management>
      <frame-management v-show="leftNavMenuIndex === '6'"></frame-management>
      <user-management v-show="leftNavMenuIndex === '7'"></user-management>
      <role-management v-show="leftNavMenuIndex === '8'"></role-management>
      <!-- <authority-management
        v-show="leftNavMenuIndex === '9'"
      ></authority-management> -->
      <log-management v-show="leftNavMenuIndex === '9'"></log-management>
      <data-download v-show="leftNavMenuIndex === '10'"></data-download>
      <online-help v-show="leftNavMenuIndex === '11'"></online-help>
    </el-col>
  </el-row>
</template>
<script>
import LeftNavMenu from "~/components/LeftNavMenu";
import AcquisitionEquipmentManagement from "~/views/system-management/AcquisitionEquipmentManagement";
import WarningThresholdManagement from "~/views/system-management/WarningThresholdManagement";
import WarningNoticeManagement from "~/views/system-management/WarningNoticeManagement";
import MonitoringBodyManagement from "~/views/system-management/MonitoringBodyManagement";
import FrameManagement from "~/views/system-management/FrameManagement";
import CoordinateParameterManagement from "~/views/system-management/CoordinateParameterManagement";
import DataDownload from "~/views/system-management/DataDownload";
import UserManagement from "~/views/system-management/UserManagement";
import RoleManagement from "~/views/system-management/RoleManagement";
import AuthorityManagement from "~/views/system-management/AuthorityManagement";
import LogManagement from "~/views/system-management/LogManagement";
import OnlineHelp from "~/views/system-management/OnlineHelp";
import VersionUpdate from "~/views/system-management/VersionUpdate";
import TailingPondInfor from "~/views/system-management/TailingPondInfor";
import StationInformation from "../views/system-management/StationInformation";
import SensorInforController from "../views/system-management/SensorInforController";
export default {
  name: "SystemManagement",
  data() {
    return {
      // StationInformation,
      leftNavMenuIndex: "0",
    };
  },
  components: {
    LeftNavMenu,
    AcquisitionEquipmentManagement,
    WarningThresholdManagement,
    WarningNoticeManagement,
    MonitoringBodyManagement,
    FrameManagement,
    CoordinateParameterManagement,
    DataDownload,
    UserManagement,
    RoleManagement,
    AuthorityManagement,
    LogManagement,
    OnlineHelp,
    VersionUpdate,
    TailingPondInfor,
    StationInformation,
    SensorInforController,
  },
  methods: {
    leftMenuSelect(index) {
      console.log(index);
      this.leftNavMenuIndex = index;
    },
  },
};
</script>

<style scoped>
span {
  font-size: 1.4em;
}

i {
  margin-right: 12px;
  color: black;
}
</style>
